<template>
  <el-dialog
    :visible.sync="dialogVisible"
    append-to-body
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    :show-close="false"
    class="enroll-confirm-dialog"
    width="25%"
    v-dialogMove
  >
    <p>
      <span><i class="el-icon-check"></i></span>
      需求已提交，等待审核，需求列表中点击详情可查看进度
    </p>
    <el-button type="primary" @click="confirm">确定</el-button>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    showDialog() {
      this.dialogVisible = true
    },
    confirm() {
      this.dialogVisible = false
      this.$emit('callback')
    }
  }
}
</script>

<style lang="scss">
.enroll-confirm-dialog {
  text-align: center;
  .el-dialog__header {
    display: none;
  }
  .el-button {
    margin-top: 20px;
  }
  p {
    span {
      display: inline-block;
      width: 25px;
      height: 25px;
      margin-right: 5px;
      text-align: center;
      line-height: 25px;
      border: 1px solid $tag-green;
      border-radius: 50%;
      i {
        font-size: 16px;
        color: $tag-green;
      }
    }
  }
}
</style>
